<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--输出hello数据-->
<p th:text="${hello}"></p>

<!--form表单-->
<form th:action="@{/thymeleaf/heihei}">
    <input th:type="text" th:name="id">
    <button>提交</button>
</form>

<!--th:each遍历-->
<table>
    <tr>
        <td>下标</td>
        <td>编号</td>
        <td>姓名</td>
        <td>地址</td>
    </tr>
    <tr th:each="user,userstate:${users}">
        <td th:text="${userstate.index}"></td>
        <td th:text="${user.id}"></td>
        <td th:text="${user.name}"></td>
        <td th:text="${user.address}"></td>
    </tr>
</table>
<!--
	注意:th:each表示循环遍历，user表示users集合的泛型名称，userstate表示别名
	userstate.index表示获取下标从0开始
-->

<!--map输出遍历-->
<div th:each="map,mapstate:${map}">
    <!--获取map中的 k:v-->
    <div th:text="${map}"></div>
    key:<span th:text="${mapstate.current.key}"></span></br>
    value:<span th:text="${mapstate.current.value}"></span>
    </br>
    +++++++++++++++++++++++++++++++++++++++++++++++++

</div>
<!--${map}表示获取的是key=value的形式

${mapstate.current.key}表示获取key值

${mapstate.current.value}表示获取map集合中的value值
-->


<!--数组输出-->
<div th:each="name,namestate:${names}">
    序号：<span th:text="${namestate.count}"></span>
    姓名：<span th:text="${name}"></span>
</div>
<!--${namestate.count}表示获取序号，从1开始-->



<!--日期输出-->
<div>
    <!--默认时间格式-->
    <span th:text="${date}"></span><br>
    <!--转化日期格式-->
    <div th:text="${#dates.format(date,'yyyy-MM-dd hh:mm:ss')}"></div>
</div>
<!--${#dates.format(日期，输出的日期格式)}表示用来转化日期格式
${#dates.format()}表示日期转化格式的固定方法
-->

<!--if判断-->
<div>
    <span th:if="${age>20}" th:text="if判断"></span>
</div>
<!--解析：表示如果age值大于20，则显示“if判断”，否则不显示
还可以${(age>20)} 判断式还可以用小括号括起来
-->


<!--引入模块-->
<div th:include="foot::copy"></div>
<!--	th:include表示在当前页面中引入其他页面或者模块的意思
foot::copy
	其中foot表示要引入页面的名称，copy表示引入页面的模块名称，两者之间用“::”双冒号关联
-->


</body>
</html>

<!--

<html xmlns:th="http://www.thymeleaf.org">`:这句声明使用thymeleaf标签

<p th:text="${hello}"></p>:这句使用 th:text="${变量名}" 表示 使用thymeleaf获取文本数据，类似于EL表达式。



-->